// JavaScript Document
$(document).ready(function(e) {
    linum = $('.mainlist li').length;
    w = 323 * linum;//
    $('.piclist').css('width', w + 'px');
    $('.swaplist').html($('.mainlist').html());

    $('.og_next').click(function(){

        if($('.swaplist,.mainlist').is(':animated')){
            $('.swaplist,.mainlist').stop(true,true);
        }

        if($('.mainlist li').length>3){//
            ml = parseInt($('.mainlist').css('left'));//
            sl = parseInt($('.swaplist').css('left'));//

            if(ml<=0 && ml>w*-1){//
                if(ml==0){
                    $('.swaplist').css({left: 969+'px'});
                    sl = w;
                }
            }else{//
                if(sl==0){
                    $('.mainlist').css({left: 969+'px'});
                    ml = w;
                }
            }
            $('.swaplist').animate({left: sl - 323 + 'px'},'slow');
            $('.mainlist').animate({left: ml - 323 + 'px'},'slow');
        }
    })
    $('.og_prev').click(function(){

        if($('.swaplist,.mainlist').is(':animated')){
            $('.swaplist,.mainlist').stop(true,true);
        }

        if($('.mainlist li').length>3){
            ml = parseInt($('.mainlist').css('left'));
            sl = parseInt($('.swaplist').css('left'));
            if(ml<=0 && ml>w*-1){
                if(ml==0){
                    $('.swaplist').css({left: w * -1+'px'});
                    sl = w * -1;
                }
            }else{
                if(sl==0){
                    $('.mainlist').css({left: w * -1+'px'});
                    ml = w * -1;
                }
            }
            $('.swaplist').animate({left: sl + 323 + 'px'},'slow');
            $('.mainlist').animate({left: ml + 323 + 'px'},'slow');
        }
    })
});

$(document).ready(function(){
    $('.og_prev,.og_next').hover(function(){
        $(this).fadeTo('fast',1);
    },function(){
        $(this).fadeTo('fast',0.7);
    })

})